


// 边框适配 (上下左右)

//.border-1px(@color:#AFAFAF) {
//  border: 1px solid @color;
//  @media screen and (-webkit-min-device-pixel-ratio: 2) {
//    border: .5px solid @color;
//  }
//  @media screen and (-webkit-min-device-pixel-ratio: 3) {
//    border: 0.33333px solid @color;
//  }
//}
// 下边框

//.border-1px-b(@color:#AFAFAF) {
//  border-bottom: 1px solid @color;
//  @media screen and (-webkit-min-device-pixel-ratio: 2) {
//    border-bottom: .5px solid @color;
//  }
//  @media screen and (-webkit-min-device-pixel-ratio: 3) {
//    border-bottom: 0.33333px solid @color;
//  }
//}
// 全边框
.border-1px(@color:#AFAFAF) {
  //position: absolute;
  //width: 200%;
  //height: 200%;
  //left: -50%;
  //top: -50%;
  //border: 1px solid @color;
  //border-radius: 4px;
  //transform: scale(0.5);
  //box-sizing:border-box;
}

// 下边框
.border-1px-b(@color:#AFAFAF) {
    position: relative;
    &:before {
      display: block;
      content: '';
      clear: both;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: @color;
      z-index: 1
    }
}
.border-1px-b-half(@color:#AFAFAF) {
  position: relative;
  &:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 95%;
    height: 1px;
    background-color: @color;
    z-index: 1;
    margin: 0 auto;
  }
}
